{% extends '::base.html.twig' %}
{% block title %} Resultado de Homologación {% endblock %}

{% block greensectiontitle %}Resultado Peticion de Homologación {% endblock %}


{% block greensectionbody %}
<form id="procesarHomologacionForm" action="{{ path('peticionhomologacion_updateProcesarHomologacion', { 'id': entity.id }) }}" method="post" {{ form_enctype(procesarHomologacion_form) }}>
            {{ form_errors(procesarHomologacion_form) }}
        
        <div>
            {{ form_row(procesarHomologacion_form.estudiante.cedula) }}
            {{ form_row(procesarHomologacion_form.estudiante.pasaporte) }}
            {{ form_row(procesarHomologacion_form.estudiante.nombre) }}
            {{ form_row(procesarHomologacion_form.estudiante.apellido) }}
            
            {{ form_row(procesarHomologacion_form.estudiante.telefono) }}
            
            {{ form_label(procesarHomologacion_form.universidad,'Universidad Origen') }}   
            {{ form_widget(procesarHomologacion_form.universidad) }} {{ form_widget(procesarHomologacion_form.universidadOrigen) }}
            <br/><br/>
            {{ form_label(procesarHomologacion_form.carrera,'Carrera Origen') }}  
            {{ form_widget(procesarHomologacion_form.carrera) }} {{ form_widget(procesarHomologacion_form.carreraOrigen) }}
            <br/><br/> 
            
            {{ form_row(procesarHomologacion_form.mallaOrigen) }} <br/>
            {{ form_row(procesarHomologacion_form.resumen) }} <br/>
        <br/>
       </div>
     
    {% macro prototype(registroHomologacion) %}
    <tr>
        <td>{{ form_widget(registroHomologacion.unidadDestino.modulo,  { 'attr': { 'size': '1' }} ) }}</td>
        <td>{{ form_widget(registroHomologacion.unidadDestino.nombre,  { 'attr': { 'size': '10' }} ) }}</td>
        <td>{{ form_widget(registroHomologacion.unidadOrigen.nombre,  { 'attr': { 'size': '10' }}) }}</td>
        <td>{{ form_widget(registroHomologacion.unidadDestino.numeroHoras,  { 'attr': { 'size': '2' }}) }}</td>
        <td>{{ form_widget(registroHomologacion.unidadDestino.numeroCreditos,  { 'attr': { 'size': '2' }}) }}</td>
        <td>{{ form_widget(registroHomologacion.calificacion,  { 'attr': { 'size': '2' }}) }}</td>
        <td>{{ form_widget(registroHomologacion.porcentajeCumplimiento,  { 'attr': { 'size': '2' }} ) }}</td>
        <td>{{ form_widget(registroHomologacion.tema,  { 'attr': { 'size': '5' }}) }}</td>
        <td>{{ form_widget(registroHomologacion.observacion,  { 'attr': { 'size': '8' }}) }}</td>
    </tr>
    
    {% endmacro %}  
    
    <div id="records_table" class="greenTableMargin">
    {{ form_errors(procesarHomologacion_form) }}
    <table id="registros-table" padding="0" margin="0">
        <thead>
            <tr>
                <th colspan="9">
                </th>
            </tr>
            <tr>
                <th>Modulo</th>
                <th>Materia Destino</th>
                <th>Materia Origen</th>
                <th>Horas</th>
                <th>Creditos</th>
                <th>Calificacion</th>
                <th>Porcentaje Cumplimiento</th>
                <th>Temas</th>
                <th>Observaciones</th>
            </tr>
          </thead>
        <tbody id="registrosHomologacion-table-body"
               nivelDestino-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').unidadDestino.modulo, { 'attr': {'value': 'modulo_value', 'size': '1'} }) | e }}"
               materiaDestino-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').unidadDestino.nombre, { 'attr': {'value': 'nombre_value', 'size': '10'} }) | e }}"
               materiaOrigen-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').unidadOrigen.nombre, { 'attr': {'value': 'nombre_value', 'size': '10'} }) | e }}" 
               horas-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').unidadDestino.numeroHoras, { 'attr': {'value': 'numeroHoras_value', 'size': '2'} }) | e }}" 
               creditos-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').unidadDestino.numeroCreditos, { 'attr': {'value': 'numeroCreditos_value', 'size': '2'} }) | e }}"
               calificacion-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').calificacion, { 'attr': {'size': '2'} }) | e }}"
               porcentajeCumplimiento-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').porcentajeCumplimiento, { 'attr': {'size': '2'} }) | e }}"
               tema-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').tema, { 'attr': {'size': '5'} }) | e }}"
               observacion-data-prototype="{{ form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').observacion, { 'attr': {'size': '8'} }) | e }}">
            {# iterate over each existing carrera and render its field: codigo, nombre, universidad #}
            {% for registroHomologacion in procesarHomologacion_form.registrosHomologacion %}
                {% if form_widget(procesarHomologacion_form.registrosHomologacion.get('prototype').unidadDestino) is not null %}
                    {{_self.prototype(registroHomologacion)}}
                {% endif %}
            {% endfor %}
            
        </tbody>
    </table>
    </div>
    
    <div id="controls">
        {% if entity.finalizado is null %}
            <a id="saveButton" href="#">Finalizar homologacion</a>
            <a href="{{ path('peticionhomologacion_homologar', {'id': entity.id}) }}">Regresar</a>
            <a href="{{ path('pdf', {'id': entity.id}) }}">Imprimir</a>
        {% else %}
            <a href="{{ path('pdf', {'id': entity.id}) }}">Imprimir</a>
            <a href="{{ path('peticionhomologacion') }}">Inicio</a>
        {% endif %}
    </div>
   {#{ form_rest(procesarHomologacion_form) }#}
</form>     
{% endblock %}   
       
      
{% block javascripts %}
<script type="text/javascript">  
    
    
    function crearRegistroHomologacion(row, registrosCount) {
       
     
        var registrosTableBody = jQuery('#registrosHomologacion-table-body');
        var nivelDestinoPrototype = registrosTableBody.attr('nivelDestino-data-prototype');
        var materiaDestinoPrototype = registrosTableBody.attr('materiaDestino-data-prototype');
        var materiaOrigenPrototype = registrosTableBody.attr('materiaOrigen-data-prototype');
        var horasPrototype = registrosTableBody.attr('horas-data-prototype');
        var creditosPrototype = registrosTableBody.attr('creditos-data-prototype');
        var calificacionPrototype = registrosTableBody.attr('calificacion-data-prototype');
        var porcentajeCalificacionPrototype = registrosTableBody.attr('porcentajeCumplimiento-data-prototype');
        var temaPrototype = registrosTableBody.attr('tema-data-prototype');
        var observacionPrototype = registrosTableBody.attr('observacion-data-prototype');

        // sustituye el "__name__" usado en el id y name del prototipo 
        nivelDestinoWidget = nivelDestinoPrototype.replace(/\$\$name\$\$/g, registrosCount);  
        nivelDestinoWidget = nivelDestinoWidget.replace('modulo_value', row.modulo);  
        materiaDestinoWidget = materiaDestinoPrototype.replace(/\$\$name\$\$/g, registrosCount);  
        materiaDestinoWidget = materiaDestinoWidget.replace('nombre_value', row.nombre);
        materiaOrigenWidget = materiaOrigenPrototype.replace(/\$\$name\$\$/g, registrosCount);  
        materiaOrigenWidget = materiaOrigenWidget.replace('nombre_value', row.nombre);  
        horasWidget = horasPrototype.replace(/\$\$name\$\$/g, registrosCount);  
        horasWidget = horasWidget.replace('numeroHoras_value', row.numeroHoras); 
        creditosWidget = creditosPrototype.replace(/\$\$name\$\$/g, registrosCount);         
        creditosWidget = creditosWidget.replace('numeroCreditos_value', row.numeroCreditos); 
        calificacionWidget = calificacionPrototype.replace(/\$\$name\$\$/g, registrosCount);
        porcentajeCumplimientoWidget = porcentajeCalificacionPrototype.replace(/\$\$name\$\$/g, registrosCount);
        temaWidget = temaPrototype.replace(/\$\$name\$\$/g, registrosCount);
        observacionWidget = observacionPrototype.replace(/\$\$name\$\$/g, registrosCount);

        // crea un nuevo elemento lista y lo añade a nuestra lista
        var nivelDestinoTableCell = jQuery('<td class="center"></td>').html(nivelDestinoWidget);
        var materiaDestinoTableCell = jQuery('<td></td>').html(materiaDestinoWidget);
        var materiaOrigenTableCell = jQuery('<td></td>').html(materiaOrigenWidget);
        var horasTableCell = jQuery('<td></td>').html(horasWidget);
        var creditosTableCell = jQuery('<td></td>').html(creditosWidget);  
        var calificacionTableCell = jQuery('<td></td>').html(calificacionWidget);
        var porcentajeCumplimientoTableCell = jQuery('<td></td>').html(porcentajeCumplimientoWidget);
        var temaTableCell = jQuery('<td></td>').html(temaWidget);
        var observacionTableCell = jQuery('<td></td>').html(observacionWidget);
      

        var newRow = jQuery($('<tr>'));
        var endRow = jQuery($('</tr>'));
       
        newRow.appendTo(registrosTableBody);
        nivelDestinoTableCell.appendTo(newRow);
        materiaDestinoTableCell.appendTo(newRow);
        materiaOrigenTableCell.appendTo(newRow);
        horasTableCell.appendTo(newRow);
        creditosTableCell.appendTo(newRow);   
        calificacionTableCell.appendTo(newRow);
        porcentajeCumplimientoTableCell.appendTo(newRow);
        temaTableCell.appendTo(newRow);
        observacionTableCell.appendTo(newRow);
        endRow.appendTo(registrosTableBody);
        
        
        return false;
        
    }
    
    
    
/*    jQuery('#unl_homologacionbundle_homologaciontype_mallaOrigen').change( function() {    
        
      
        $.ajax({
            type: "GET",
            url:"{{ path('_unidadesByMallaCurricularId') }}",
            dataType: 'json', 
            data: "data=" +$(this).val(),
            success: addRegistrosHomologacion
        })
    });
    
    function addRegistrosHomologacion(response) {
        if (response === null){
        } else {
            $('#registrosHomologacion-table-body').find("tr").remove();
            index = 0;
            $.each(response, function(index){
                var unidadOrigenId = $(this).attr('unidadOrigenId');
                crearRegistroHomologacion(response[index],index);
                index++;
            })
        }
    }
    
    
    function existUnidadOrigen(){
    }*/
   
    jQuery('#saveButton').click(function() {
        jQuery('#procesarHomologacionForm').submit();
    });  
    
</script>
{% endblock %}
